<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="format-detection" content="telephone=no,email=no,adress=no">
    <link rel="shortcut icon" href="img/icon.png" type="image/x-icon" />
    <title>美仑科技-移动服务</title>
    <link href="css/layer.css" type="text/css" rel="stylesheet">
    <link href="css/style.css" type="text/css" rel="stylesheet">
    <link href="css/animate.min.css" type="text/css" rel="stylesheet">
    <script src="js/jquery.min.js"></script>
    <script src="js/layer.js"></script>
</head>

<body>
    <!--头部-->
    <div class="heaerTp">
        <div class="heaerbox">
            <div class="logo">
                <a href="#">
                    <img src="img/logo.png">
                </a>
            </div>
            <div class="navbar-collapse" id="nav">
                <div class="searchbox">
                    <div class="searchinpt">
                        <input type="text" placeholder="搜索你想要的">
                    </div>
                    <button type="button" class="search-btn" id='searchBtn'>
                        <i></i>
                    </button>
                </div>
                <ul class="navbar-nav">
                    <li>
                        <a href="index.html">HOME</a>
                    </li>
                    <li class="active">
                        <a href="case.html">案例</a>
                    </li>
                    <li>
                        <a href="service.html">服务</a>
                        <div class="servicemenu">
                            <dl>
                                <dd>
                                    <a href="mobilescheme.html">
                                        <span class="ion">
                                            <i>
                                                <img src='img/sricion1.png'>
                                            </i>
                                        </span>
                                        <span class="cont">
                                            <h2>移动端设计 开发</h2>
                                            <p>Mobile Solutions</p>
                                        </span>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="webpage.html">
                                        <span class="ion">
                                            <i>
                                                <img src='img/sricion2.png'>
                                            </i>
                                        </span>
                                        <span class="cont">
                                            <h2>网站建设 软件开发</h2>
                                            <p>Software Development</p>
                                        </span>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="frontend.html">
                                        <span class="ion">
                                            <i>
                                                <img src='img/sricion3.png'>
                                            </i>
                                        </span>
                                        <span class="cont">
                                            <h2>前端 H5开发</h2>
                                            <p>Front-end Development</p>
                                        </span>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="game.html">
                                        <span class="ion">
                                            <i>
                                                <img src='img/sricion4.png'>
                                            </i>
                                        </span>
                                        <span class="cont">
                                            <h2>游戏美术 UI设计</h2>
                                            <p>Game Art UI Design</p>
                                        </span>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="brand.html">
                                        <span class="ion">
                                            <i>
                                                <img src='img/sricion5.png'>
                                            </i>
                                        </span>
                                        <span class="cont">
                                            <h2>品牌策划</h2>
                                            <p>Brand Planning</p>
                                        </span>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="shoping.html">
                                        <span class="ion">
                                            <i>
                                                <img src='img/sricion6.png'>
                                            </i>
                                        </span>
                                        <span class="cont">
                                            <h2>电商视觉</h2>
                                            <p>E-commerce Vision</p>
                                        </span>
                                    </a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li>
                        <a href="about.html">关于</a>
                    </li>
                    <li>
                        <a href="contus.html">联系</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--end-->
    <!--背景-->
    <div class="content-bg" style="background:url(img/move1.jpg)no-repeat center center / cover">
        <div class="container">
            <div class="content-ties">
                <h3 style="font-size: 48px;line-height: 48px;font-weight: lighter; padding-bottom: 20px; font-family: Microsoft Yahei">移动端解决方案</h3>
                <p style="font-size:16px;line-height: 26px;">解决各行业、品牌移动端企业站，小程序开发、公众号开发、App设计开发等移动端问题</p>
            </div>
        </div>
    </div>
    <!--end-->
    <!--移动端方案-->
    <!--移动端网站-->
    <div class="movewebsite">
        <div class="container">
            <div class="move-ties">移动端网站</div>
            <ul>
                <li>
                    <div class="move-icon">
                        <img src="img/move1.png">
                        <img src='img/movebord1.png' class="bord1">
                    </div>
                    <h2>专属设计师全定制</h2>
                    <p>全程移动网站制作设计
                        <br/>设计师一对一服务</p>
                </li>
                <li>
                    <div class="move-icon">
                        <img src="img/move2.png">
                        <img src='img/movebord1.png' class="bord1">
                    </div>
                    <h2>整站HTML5技术</h2>
                    <p>移动网站用户打开快、节省流量
                        <br/>功能丰富、兼容性好
                        <br/>效果炫酷、体验好</p>
                </li>
                <li>
                    <div class="move-icon">
                        <img src="img/move3.png">
                        <img src='img/movebord1.png' class="bord1">
                    </div>
                    <h2>独立项目组深度开发</h2>
                    <p>技术总监带队，
                        <br/>为您提供专业贴心服务</p>
                </li>
                <li>
                    <div class="move-icon">
                        <img src="img/move4.png">
                        <img src='img/movebord1.png' class="bord1">
                    </div>
                    <h2>售后维护服务</h2>
                    <p>售后期内随时跟进项目，
                        <br/>为项目提供全方位技术支持</p>
                </li>
            </ul>
        </div>
    </div>
    <!--微信公众号-->
    <div class="movebg">
        <div class="container">
            <div class="move-ties">移动端开发-微信公众号运营</div>
            <div class="movewechat-cont">
                <div class="wechion">
                    <img src="img/wechat1.jpg" class="wechatimg">
                    <img src='img/wechion2.png' class="ion1">
                    <img src='img/wechion1.png' class="ion2">
                    <img src='img/wechion3.png' class="ion3">
                </div>
                <ul>
                    <li class="fll">
                        <i>
                            <img src="img/yuan.png">
                        </i>
                        <div class="movewechatInt">
                            <h3>消息、粉丝管理</h3>
                            <p>微信群发，微信客服，粉丝统计</p>
                        </div>
                    </li>
                    <li class="frr">
                        <i>
                            <img src="img/yuan.png">
                        </i>
                        <div class="movewechatInt">
                            <h3>促销活动推广</h3>
                            <p>分享传播，兑券领红包</p>
                        </div>
                    </li>
                </ul>
                <ul>
                    <li class="fll">
                        <i>
                            <img src="img/yuan.png">
                        </i>
                        <div class="movewechatInt">
                            <h3>线上业务功能</h3>
                            <p>公众号菜单对接业务系统</p>
                        </div>
                    </li>
                    <li class="frr">
                        <i>
                            <img src="img/yuan.png">
                        </i>
                        <div class="movewechatInt">
                            <h3>线上业务功能</h3>
                            <p>常见问题，售后维修在线解决</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--微信公众号2-->
    <div class="container">
        <div class="movewechat2">
            <div class="move-ties">移动端开发-小程序&APP</div>
            <div class="movewechat-cont">
                <div class="wechion">
                    <img src="img/wechat2.jpg" class="wechatimg">
                    <img src="img/wechion4.png" class="ion4">
                    <img src="img/wechion5.png" class="ion5">
                </div>
                <ul>
                    <li class="fll">
                        <i>
                            <img src="img/yuan.png">
                        </i>
                        <div class="movewechatInt">
                            <h3>企业占位</h3>
                            <p>快人一步瓜分线上10亿流量</p>
                        </div>
                    </li>
                    <li class="frr">
                        <i>
                            <img src="img/yuan.png">
                        </i>
                        <div class="movewechatInt">
                            <h3>开启微店入口</h3>
                            <p>轻松实现企业线上零售业务</p>
                        </div>
                    </li>
                </ul>
                <ul>
                    <li class="fll">
                        <i>
                            <img src="img/yuan.png">
                        </i>
                        <div class="movewechatInt">
                            <h3>线上技术支持</h3>
                            <p>不断提升用户完美体验</p>
                        </div>
                    </li>
                    <li class="frr">
                        <i>
                            <img src="img/yuan.png">
                        </i>
                        <div class="movewechatInt">
                            <h3>转述功能专业定制</h3>
                            <p>开发团队技术实力强劲</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--背景2-->
    <div class="wechatbg" style="background: url(img/wechatbg2.jpg)no-repeat center center /cover">
        <div class="container">
            <div class="wechrt">
                <h2>微信小程序</h2>
                <p>打造小程序+公众号一体化，小程序开发简单、满足电商/餐饮
                    <br/> O2O等多场景定制化需求，助力企业快速进入移动社交电商新时代。
                </p>
                <a href="#" class="linkzx">在线咨询</a>
            </div>
        </div>
    </div>
    <!--小程序-->
    <div class="container">
        <div class="Smallprogram">
            <h2>核心优势（小程序开发）</h2>
            <ul>
                <li>
                    <img src="img/small1.png">
                    <h3>开发周期短</h3>
                    <p>极大的缩短开发周期，节约人力物力</p>
                </li>
                <li>
                    <img src="img/small2.png">
                    <h3>投资成本低</h3>
                    <p>小偷扑入获得10亿用户流量入口</p>
                </li>
                <li>
                    <img src="img/small3.png">
                    <h3>用户体验好</h3>
                    <p>用户扫一扫或搜一下即可打开应用</p>
                </li>
            </ul>
        </div>
    </div>
    <!--案列-->
    <div class="anliebox" style="background: url(img/anliebg.jpg)no-repeat center center /cover">
        <div class="container">
            <div class="tiletp">
                <span></span>
                <i>经典案例 </i>
                <span></span>
            </div>
            <ul>
                <li>
                    <img src="img/moble1.png">
                </li>
                <li>
                    <img src="img/moble2.png">
                </li>
                <li>
                    <img src="img/moble3.png">
                </li>
                <li>
                    <img src="img/moble4.png">
                </li>
            </ul>
            <div class="linkmore">
                <a href="#">了解更多</a>
            </div>
        </div>
    </div>
    <!--更多服务-->
    <div class="container">
        <div class="moreservice">
            <div class="tiletp">
                <span></span>
                <i>更多服务 </i>
                <span></span>
                <p>各种服务需求一站式解决</p>
            </div>
            <ul>
                <li style="background: url(img/moser1.jpg)">网站、软件设计开发</li>
                <li style="background: url(img/moser2.jpg)">移动端、小程序公众号
                    <br/>设计开发</li>
                <li style="background: url(img/moser3.jpg)">游戏设计开发 游戏美术</li>
                <li style="background: url(img/moser4.jpg)">前端、H5界面开发</li>
                <li style="background: url(img/moser5.jpg)">Vi设计 平面设计 画册设计</li>
            </ul>
        </div>
        <div class="Otherservices">
            <h3>其他服务</h3>
            <ul>
                <li>
                    <span>
                        <i class="other1"></i>
                    </span>美工包月</li>
                <li>
                    <span>
                        <i class="other2"></i>
                    </span>图片处理</li>
                <li>
                    <span>
                        <i class="other3"></i>
                    </span>banner设计</li>
                <li>
                    <span>
                        <i class="other4"></i>
                    </span>策划活动</li>
                <li>
                    <span>
                        <i class="other5"></i>
                    </span>代码插入</li>
                <li>
                    <span>
                        <i class="other6"></i>
                    </span>7*24客服服务</li>
            </ul>
        </div>
    </div>
    <!--流程-->
    <div class="process" style="background: url(img/liucheng.jpg)no-repeat center center / cover"></div>
    <!--需求-->
    <div class="demand" style="background: url(img/mad.jpg)no-repeat center center /cover">
        <div class="container">
            <div class="CustomerBox">
                <div class="demandpoint">
                    以上产品还未完全满足我的所有要求，在下方提交我的专属需求
                    <i></i>
                </div>
                <div class="Custform">
                    <form method="post">
                        <div class="Custinpt fll">
                            <label>
                                <dd>*</dd>您的称呼</label>
                            <input type="text" id="name">
                        </div>
                        <div class="Custinpt frr">
                            <label>
                                <dd>*</dd>回访电话</label>
                            <input type="text" id="phone">
                        </div>
                        <div class="Custinpt fll">
                            <label>
                                <dd>*</dd>您的邮箱</label>
                            <input type="text" id="email">
                        </div>
                        <div class="Custinpt frr">
                            <label>
                                <dd>&nbsp;</dd>您的公司</label>
                            <input type="text">
                        </div>
                        <div class="Custinpt Custtxtra">
                            <label>
                                <dd>*</dd>详情设计需求</label>
                            <textarea id="contT"></textarea>
                        </div>
                        <p class="ties">我们将在1个工作日内回复，资料将会保密处理</p>
                        <div class="Verification">
                            <div class="frr">
                                <div class="Code">
                                    <label>验证码：</label>
                                    <input type="text" id="code">
                                    <img src="img/codeimg.jpg" class="codeimg">
                                    <a href="javascript:void(0)" class="codeclick">看不清？</a>
                                </div>
                                <button type="button" class="btn" id="subimt">提交</button>
                                <a href="javascript:void(0)" class="QQ">
                                    <i>
                                        <img src="img/QQ.jpg">
                                    </i>现在咨询</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!--end-->
    <!--尾部版权-->
    <div class="footer">
        <div class="container">
            <div class="fotrimg">
                <img src="img/foter1g.png">
            </div>
            <div class="foter-nav">
                <a href="index.html" class="home">HOME</a>
                <a href="case.html">案例</a>
                <a href="service.html">服务</a>
                <a href="about.html">关于</a>
                <a href="contus.html">联系</a>
            </div>
            <div class="foter-row-lt1">
                <div class="foter-cont">
                    <h3>和我们一起工作</h3>
                    <p>这个行业贩卖的是头脑与技术
                        <br/>所以如果你有来</p>
                </div>
            </div>
            <div class="foter-row-lt2">
                <div class="foter-cont">
                    <h3>联系我们</h3>
                    <p>地址：山东省青岛市市北区重庆南路99号海尔云街甲1栋1205</p>
                    <p>邮箱：meilun@126.com</p>
                    <p>电话：0532-5642113</p>
                </div>
            </div>
            <div class="foter-row-center">
                <div class="foter-cont">
                    <h3>关于我们</h3>
                    <p>美仑传媒科技服务平台</p>
                    <div class="code">
                        <img src="img/ewm.jpg">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--end-->
    <!-- 悬浮导航 -->
    <div class="sliderbar">
        <ul>
            <li class="QQ" title="QQ在线咨询">
                <i>
                    <img src='img/sbar1.png'>
                </i>
                <div class="sbarhide">
                    <a href="#">QQ在线咨询</a>
                </div>
            </li>
            <li class="price" title="获取报价方案">
                <i>
                    <img src='img/sbar2.png'>
                </i>
                <div class="sbarhide">
                    <a href="javascript:void(0)" class="priceclick">获取报价/方案</a>
                </div>
                <div class="offer">
                    <div class="close">
                        <img src='img/close.png'>
                    </div>
                    <h2>我们联系您</h2>
                    <form method="POST">
                        <div class="offer-inpt">
                            <input type="text" placeholder="输入手机号">
                        </div>
                        <div class="offer-inpt">
                            <input type="text" class="code" placeholder="验证码">
                            <img src='img/codema.jpg' class="ramodecode">
                        </div>
                        <div class="offer-inpt">
                            <button type="button" class="btn">提 交</button>
                        </div>
                    </form>
                </div>
            </li>
            <li class="phone" title="联系方式">
                <i>
                    <img src='img/sbar3.png'>
                </i>
                <div class="sbarhide">
                    <a href="javascript:void(0)">0532-85648610</a>
                </div>
            </li>
            <li class="gotop" onclick="gotoTop()" title="返回顶部">
                <i>
                    <img src='img/sbar4.png'>
                </i>
            </li>
        </ul>
    </div>
    <!-- js -->
    <script src='js/nav.js'></script>
    <!--客服验证-->
    <script>
        $(function () {
            $('#subimt').on('click', function () {
                var reg = {
                    //name: /[\u4E00-\u9FA5]{2,5}(?:·[\u4E00-\u9FA5]{2,5})*/,
                    email: /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/,
                    tel: /^1[34578]\d{9}$/
                };
                var name = $.trim($('#name').val());
                var phone = $.trim($('#phone').val());
                var email = $.trim($('#email').val());
                var text = $.trim($('#contT').val());
                var code = $.trim($('#code').val());
                if (!name) {
                    layer.open({
                        content: '请输入姓名!',
                        skin: 'msg',
                        time: 2
                    })
                    $('#name').focus();
                    return false;
                }
                if (!phone) {
                    layer.open({
                        content: '请输入手机号码!',
                        skin: 'msg',
                        time: 2
                    })
                    $('#phone').focus();
                    return false;
                } else {
                    var regs = reg["tel"];
                    var r = phone.match(regs);
                    if (r == null) {
                        layer.open({
                            content: '你输入的手机格式不正确!',
                            skin: 'msg',
                            time: 2
                        })
                        $('#phone').focus();
                        return false;
                    }
                }
                if (!email) {
                    layer.open({
                        content: '请输入邮箱!',
                        skin: 'msg',
                        time: 2
                    })
                    $('#email').focus();
                    return false;
                } else {
                    var regs = reg["email"];
                    var r = email.match(regs);
                    if (r == null) {
                        layer.open({
                            content: '你输入邮箱格式不正确!',
                            skin: 'msg',
                            time: 2
                        })
                        $('#phone').focus();
                        return false;
                    }
                }
                if (!text) {
                    layer.open({
                        content: '请输入投诉内容!',
                        skin: 'msg',
                        time: 2
                    })
                    $('#contT').focus();
                    return false;
                }
                if (!code) {
                    layer.open({
                        content: '请输入验证码!',
                        skin: 'msg',
                        time: 2
                    })
                    $('#code').focus();
                    return false;
                }
            })
        })
    </script>
</body>

</html>